<!--
 * @author: 十一
 * @since: 2024-10-27
 * BarChart.vue
 * @desc: new page
-->
<template>
  <dv-charts :option="option" style="100%;height:30%" />
</template>

<script lang="ts" setup>
import { ref } from "vue";
const option = {
  radar: {
    indicator: [
      { name: "西峡", max: 300 },
      { name: "周口", max: 300 },
      { name: "南阳", max: 300 },
      { name: "驻马店", max: 300 },
      { name: "郑州", max: 300 },
      { name: "洛阳", max: 300 },
    ],
    polygon: true,
    axisLine: {
      style: {
        stroke: "#ffffff",
      },
    },
    splitLine: {
      style: {
        stroke: "#ffffff",
        fill: "rgba(251, 114, 147, .2)",
      },
    },
  },
  series: [
    {
      type: "radar",
      data: [111, 256, 178, 152, 266, 132],
    },
  ],
};
</script>

<style lang="less" scoped></style>
